<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>弹出层-查看课程详细信息</title>
    <!--jquery-->
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <!--layui-->
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <!--css工具包-->
    <link rel="stylesheet" href="/css/tool/zhaoTool.css">
    <!--本体css-->
    <link rel="stylesheet" href="/css/order/unsubscribe/popup/unsubscribe-list-see.css">
</head>
<body>
<div>
    <div class="box">
        <table>
            <tr class="table_head">
                <th>查看课程商品信息</th>
            </tr>
            <tr class="table_title">
                <th class="layui-icon-list layui-icon">订单信息</th>
            </tr>
            <tr>
                <th class="table_body body_title">订单编号：</th>
                <th class="table_body body_content" id="orderLogisticsNumber"></th>
                <th class="table_body body_title">订单状态：</th>
                <th class="table_body body_content" id="orderStatus"></th>
                <th class="table_body body_title">订单类型：</th>
                <th class="table_body body_content" id="orderType"></th>
                <th class="table_body body_title">订单来源：</th>
                <th class="table_body body_content" id="orderSource"></th>
            </tr>
            <tr>
                <th class="table_body body_title">订单支付方式：</th>
                <th class="table_body body_content" id="orderPaymentChannel"></th>
                <th class="table_body body_title">课程价格：</th>
                <th class="table_body body_content" id="courseNprice"></th>
                <th class="table_body body_title">优惠金额：</th>
                <th class="table_body body_content" id="couponPrice"></th>
                <th class="table_body body_title">实付金额：</th>
                <th class="table_body body_content" id="coursePrice"></th>
            </tr>
            <tr class="table_title">
                <th class="layui-icon-list layui-icon">用户信息</th>
            </tr>
            <tr>
                <th class="table_body body_title">用户账号：</th>
                <th class="table_body body_content" id="account"></th>
                <th class="table_body body_title">用户昵称：</th>
                <th class="table_body body_content" id="nickname"></th>
                <th class="table_body body_title">用户手机：</th>
                <th class="table_body body_content" id="phone"></th>
                <th class="table_body body_title">用户邮箱：</th>
                <th class="table_body body_content" id="email"></th>
            </tr>
            <tr class="table_title course_title">
                <th class="layui-icon-list layui-icon">商品信息</th>
            </tr>
            <tr>
                <th class="table_body body_title">商品名称：</th>
                <th class="table_body body_content" id="productName"></th>
                <th class="table_body body_title">商品分类：</th>
                <th class="table_body body_content" id="title"></th>
                <th class="table_body body_title">服务保证：</th>
                <th class="table_body body_content" id="ensure"></th>
                <th class="table_body body_title">商品描述：</th>
                <th class="table_body body_content" id="productDescription"></th>
            </tr>
            <tr>
                <th class="table_body course_body body_title">商品图片：</th>
                <th class="table_body course_body body_content" >
                    <img id="mainImage" src=""/>
                </th>
            </tr>
            <tr class="table_title course_title">
                <th class="layui-icon-list layui-icon">课程信息</th>
            </tr>
            <tr>
                <th class="table_body body_title">课程名称：</th>
                <th class="table_body body_content" id="courseName"></th>
                <th class="table_body body_title">课程分类：</th>
                <th class="table_body body_content" id="className"></th>
                <th class="table_body body_title">课程时长：</th>
                <th class="table_body body_content" id="courseTime"></th>
                <th class="table_body body_title">课程详情：</th>
                <th class="table_body body_content" id="courseInfo"></th>
            </tr>
            <tr>
                <th class="table_body course_body body_title">课程图片：</th>
                <th class="table_body course_body body_content" >
                    <img id="url" src=""/>
                </th>
                <th class="table_body course_body body_title">课程视频：</th>
                <th class="table_body course_body body_content" >
                    <video controls="controls" autoplay="autoplay" src="" id="courseUrl" width="300px" height="200px"></video>
                </th>
            </tr>
        </table>
    </div>
</div>
<!--表示商品查看-->
<input type="hidden" id="status" value="3">
</body>
</html>